﻿extends ../layout

block css
    link(type='text/css', rel='stylesheet', href='/css/home/index.css')

block content

    div.index
        //- 头部工具栏
        div.register
            ol
                if req.session.user
                    li
                        a(href='/center/') 管理中心
                    li &nbsp;|&nbsp;
                    li
                        a(href='/account/logout/') 登出
                else
                    li
                        a(href='/account/login/', data-reveal-id='myModal') 登录
                    li &nbsp;|&nbsp;
                    li
                        a(href='/account/signup/') 注册
        //- 头部工具栏

        //- 导航
        div.headbg
            div.head#headbg
                h1.logo
                    a(href='/', title='首页')
                        img.png(src='/images/home/logo.png', width='111', height='45', alt='logo')
                div.nav#nav
                    ul
                        li.active
                            a(href='/', title='首页') 网站首页
                        li
                            a(href='/', title='功能介绍') 功能介绍
                        li
                            a(href='/', title='客户案例') 客户案例
                        li
                            a(href='/', title='关于我们') 关于我们
        //- 导航

        //- 幻灯片
        div#wp2.wp2
            div.flexslider
                ul.slides
                    li
                        img(src='/images/home/wall.png', width='1920', height='500')
                    li
                        img(src='/images/home/pic02.jpg', width='1920', height='500')
                    li
                        img(src='/images/home/pic03.jpg', width='1920', height='500')
                    li
                        img(src='/images/home/pic01.jpg', width='1920', height='500')
        //- 幻灯片

        div.services_con#services_con
            ul#services_ul.mouseslider
                li
                    a(href='/', title='微站建设')
                        div.services_ico.services_ico02
                            div
                        h3 微站建设
                            span VI DESIGN
                        p 快速建站 打造专属微官网

                li
                    a(href='/', title='微站建设')
                        div.services_ico.services_ico01
                            div
                        h3 微商城
                            span WEB DESIGN
                        p 移动购物 开启超便捷生活

    //- 消息提醒
    div#success
        span 登录成功
        for message in flash
          a.alert(class='alert-' + message.type)
            p= message.message

        span= session
    //- 消息提醒


    //- 登录框
    div#myModal.reveal-modal
        form#loginform.Myform(name='loginform', method='post', action='/account/login/')
            fieldset
                p
                    input#username.txtfield1(type='text', name='username', tabindex='1', placeholder='请输入账号')
                p
                    input#password.txtfield2(type='password', name='password', tabindex='2', placeholder='请输入密码')
                p
                    span#errmsg
                input#loginbtn.flatbtn-blu.hidemodal(type='button',name='loginbtn', value='登录')
                input(type='hidden',name='_csrf', value='#{csrf}')
        a.close-reveal-modal &#215;
    //- 登录框

    script(type='text/javascript', src='/js/jquery.leanModal.min.js')
    script(type='text/javascript', src='/js/jquery.flexslider-min.js')
    script(type='text/javascript', src='/js/home/index.js')